import { useState } from 'react'
export function ShowTest() {
    const test = 'test'
    return (<h1>{test}</h1>)
}
export function ChangeTest() {
    const [test1, settest1] = useState(0)
    const settest1Fun = () => {
        settest1(test1 + 1)
    }
    return (
        <>
            <h1>{test1}</h1>
            <button onClick={() => settest1Fun()}>button add +1</button>
        </>
    )
}
const person = {
    name: 'Gregorio Y. Zara',
    theme: {
        backgroundColor: 'black',
        color: 'pink'
    }
};

export function TodoList1({ size, name = 'sss', onSmash }) {
    return (
        <div style={person.theme}>
            <button onClick={onSmash}>onSmash</button>
            <h1>{size}</h1>
            <h1>{person.name}'s Todos</h1>
            <img
                className="avatar"
                src="https://i.imgur.com/7vQD0fPs.jpg"
                alt="Gregorio Y. Zara"
            />
            <ul>
                <li>Improve the videophone</li>
                <li>Prepare aeronautics lectures</li>
                <li>Work on the alcohol-fuelled engine</li>
            </ul>
            <h3>{name}</h3>
        </div>
    );
}
